@charset "utf-8";

/*
 *@本css功能：实验环境
 *@本css作者：杨锡君
 *@编写时间：2017年11月7日
 */

html,
body {
	height: 100%;
	width: 100%;
	overflow: hidden;
	background: #1b2033;
}

.titleBox {
	height: 40px;
	width: 100%;
	position: relative;
	background: #1b2033;
	color: #fff;
	font-size: 14px;

}
.virEnvirmentBox{
	width: 1024px;
	float: right;
	height: 100%;
}
#virtualBox {
	width:100%;
	position: relative;
}

.titleBox>div {
	cursor: pointer;
	margin-right: 20px;
}

.timeCountBox {
	width: 87px;
	height: 38px;
	line-height: 38px;
}

.timeCountBox span {
	margin-left: 10px;
}

.configBtn,.getShareWin{
	width: 80px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	background: #fff;
	color: #333;
	margin-top: 7px;
	border-radius: 5px;
}
.getShareWin{
	display: none;
}
.getShareWin{
	width: auto;
	padding: 0 5px;
}
.configBtn {
	background: #1b2033 url(../../images/ico_config.png) right center no-repeat;
	color: #fff;
	width: 100px;
	position: relative;
}

.configBox {
	position: absolute;
	height: auto;
	min-width: 162px;
	overflow: hidden;
	z-index: 99;
	text-align: left;
	color: #333;
	background: url(../../images/bg_configBg.png) no-repeat top left;
	left: -28px;
	top: 24px;
	border-radius: 5px;
	display: none;
}

.configBox>ul {
	margin-top: 8px;
	background: #fff;
	border-radius: 5px;
}

.configBox>ul li {
	height: 30px;
	line-height: 30px;
	padding: 0 20px;
	font-size: 14px;
	border-radius: 5px;
	display: block;
	white-space: nowrap;
}

.configBox>ul li span {
	color: #b6b6b6;
}

.configBox>ul li:hover {
	background: #e9f0f8;
}

.titleBox .virMachine {
	height: 50px;
	width: 70px;
	position: absolute;
	background: url(../../images/bg_labVir.png) no-repeat center top;
	z-index: 1;
	text-align: center;
	line-height: 38px;
	left: 26px;
	top: 0;
	margin: 0;
	cursor: pointer;
}

.titleBox .virMachines {
	background: none;
	left: 122px;
}


/*实验报告*/

#box{
	/*overflow: hidden;*/
	width: 100px;
	height: 100%;
	background-color: #FFF;
	float: left;
}
#noteBox{
	overflow: hidden;
	width: 510px;
	height: 460px;
	cursor: move;
	position: absolute;
	top: 50px;
	right: 30px;
	background-color: #FFF;
	-webkit-box-shadow: 5px 5px 5px #1b2033;
	-moz-box-shadow: 5px 5px 5px #1b2033;
	box-shadow:5px 5px 5px #1b2033;
	z-index: 8;
	border-radius: 5px;
	display: none;
}
#coor,#coors {
	width: 16px;
	height: 16px;
	overflow: hidden;
	cursor: se-resize;
	position: absolute;
	right: 0;
	bottom: 0;
	background:#fff url(../../images/ico_move.png) no-repeat right 2px bottom 2px;
}
.title{
	height: 40px;
	width: 100%;
	background: #1b2033;
	position: relative;
	font-size: 14px;
	color: #fff;
	cursor: move;
}
.title>div{
	height: 50px;
	width: 70px;
	position: absolute;
	z-index: 1;
	text-align: center;
	line-height: 38px;
	top: 0;
	margin: 0;
	cursor: pointer;
}
.titles>div{
	height: 50px;
	width: 70px;
	position: absolute;
	z-index: 1;
	text-align: center;
	line-height: 38px;
	top: 0;
	margin: 0;
	cursor: pointer;
}
.title>div:nth-of-type(1){

	left: 122px;
}
.title>div:nth-of-type(2){

	left: 218px;
}
.title>div:nth-of-type(3){

	left: 308px;
}
#noteBox .title .noteTitle{
	left: 22px;
}
.returnBox{
	width: 116px;
}
.looktgs{
	color: #FFFFFF;
	font-size: 14px;
	margin-left: 10px;
	cursor: pointer;
	position: absolute;
	top: 8px;
	left: 0;
}
.cancelBtn{
	color: #FFFFFF;
	font-size: 14px;
	cursor: pointer;
	height: 40px;
	width: 40px;
	margin-right: 0!important;
}
.cancelBtn:hover{
	background: #323748;
}
.cancelBtn img{
	width: 14px;
	height: 14px;
	margin-top: 13px;
	margin-left: 13px;
}
.looktgsub{
	display: none;
}
.titleChoose{
	background: url(../../images/bg_labVir.png) no-repeat center top;
}
.packup,.packups{
	margin: 9px;
	cursor: pointer;
}
.packupNote{
	transform: rotate(360deg);
	cursor: pointer;
	margin: 10px;
}
.contentSection{

	width: 100%;
}
.contentSection>div{
	height: 100%;
	width: 100%;
	min-height: 570px;
}
.labText{
	/*display: none;*/
}
.labReport{
	display: none;
	position: relative;
}
.labEvalute{
	display: none;
	/*padding: 20px;*/
	width: auto;
}
.labTextContent{
	min-height: 570px;
}
.reportContentTop {
	height: 36px;
	width: 100%;
	border-bottom: 1px solid #ececec;
	position: relative;
	margin-bottom: 20px;
}
.reportContentTop span {
	width: 50px;
	height: 36px;
	position: absolute;
	color: #9da0a1;
	line-height: 36px;
	text-align: center;
	cursor: pointer;
}
.reportContentTop .span1 {
	top: 1px;
	background: #fff;
	border-right: 1px solid #ececec;
	border-left: 1px solid #ececec;
	color: #69cfb1;
}
.reportContentTop span:nth-of-type(1) {
	left: 0;
}
.reportContentTop span:nth-of-type(2) {
	left: 50px;
}
.reportContentTop .span2 {
	top: 0;
}
.reportContentTop i, .score {
	color: #fff;
	text-align: center;
}
.reportContentTop i {
	width: 78px;
	height: 30px;
	font-size: 14px;
	background: url(../../images/publish.png) left 10px center no-repeat #c1040d;
	position: absolute;
	right: 20px;
	top: 3px;
	line-height: 30px;
	cursor: pointer;
	border-radius: 5px;
}
.edit,.previewContent,.edits{
	background: #fff;
	height: 87%;
	overflow: auto;
	cursor: text;
}
.edit{
	height: 92%;
	width: auto;
}
.trumbowyg-box{
	height: 78%;
}
.previewContent{
	padding: 0 20px;
	height: 90%;
}
.subBtn{
	position: absolute;
	z-index: 10;
	left: 400px;
	top: 68px;
	cursor: pointer;
}
.subBtns{
	position: absolute;
	z-index: 10;
	left: 400px;
	top: 50px;
	cursor: pointer;
}
.labEvalute div {
	margin-bottom: 10px;
	height: 30px;
}
.labEvalute div span,.labEvalute div i{
	float: left;
}
.evaluateContent, .score, .teaBox, .teaName,.scores {
	margin-left: 18px;
}
.evaluateContent {
	width: 70%;
	height: 154px;
	border: 1px solid #ccc;
	overflow: auto;
	word-break: break-all;
}
.packDown{
	position: fixed;
	top:620px;
	right: 30px;
	cursor: pointer;
	display: none;
	z-index: 10;
}
video{
	object-fit: fill;
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
	top: 0;

}
video::-internal-media-controls-download-button {
	display:none;
}

video::-webkit-media-controls-enclosure {
	overflow:hidden;
}

video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
#videoSec{
	height: 60%;
	width: 50%;
	position: fixed;
	top: 10%;
	left: 30%;
	z-index: 9;
	border: 1px solid #999999;
}
#videoSec header {
	background: #e6e6e6;
	color: #333;
	/* text-align: center; */
	border-radius: 5px 5px 0 0;
	font-size: 16px;
	line-height: 40px;
	height: 39px;
	padding-left: 20px;
	position: relative;
	border-bottom: 1px solid rgba(0, 0, 0, .2);
}
#videoBox{
	width: 100%;
	top: 40px;
}
.closeVideoBtns{
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
}
.downNote{
	margin-top: 20px;
	margin-left: 30%;
}
.saveNote{
	margin-top: 20px;
	margin-right: 30%;
}
.popup_btn .exportCancle:hover{
	background: none;
}
.popups{
	width:580px;
	left: 50%;
	margin-left: -290px;
	display: block;
	z-index: 10;
	top: 20%;
	position: absolute;
	background: #fff;
	border-radius: 5px;

}
.popup_content{
	padding: 20px;
	height: auto;
}
.teaOneBox,.stuOneBox{
	margin: 0 10px;
	font-size: 14px;
	line-height: 36px;
	height: 36px;
}
.teaOneBox label,.stuOneBox label{
	display: block;
	cursor: pointer;
	line-height: 18px;
}
.teaOneBox input,.stuOneBox input{
	margin-right: 5px;
}
span.male,span.female {
	width: 42px;
	display: inline-block;
	text-align: right;
	cursor: pointer;
	margin-right: 30px;

}
span.males,span.females {
	width: 42px;
	display: inline-block;
	text-align: right;
	cursor: pointer;
	margin-right: 30px;

}
.radioCheck,.radioChecks{
	background: url(../../images/ico_radioCheck.png) no-repeat left  center;
}
.radio,.radios{
	background: url(../../images/ico_radio.png) no-repeat left center;
}
.editDesk{
	font-size: 16px;
}
.stuDeskAll{
	height: 180px;
	width: 400px;
	margin-left: 59px;
	overflow: auto;
}
.mb{
	z-index: 10;
}
.shareWinBox{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 99;
	display: none;
	background: #fff;
}
#shareWindow{
	/*height: 100%;
	width: 100%;*/
	/*margin: auto;*/
}
.sharevirTitle {
	width: 100%;
	height: 50px;
	color: #fff;
	font-size: 18px;
	text-align: center;
	line-height: 50px;
	background: #1b2033;
	border-radius: 5px 5px 0 0;
	position: relative;
	z-index: 11;
}
.titles .noteTitle{
	left: 22px;
}
.mengban{
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
	display: none;
	z-index: 10;
	background: #fff;
	opacity: .1;
	-webkit-opacity: .1;
	-moz-opacity: .1;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=10);
}

.close4 {
	height: 24px;
	width: 24px;
	position: absolute;
	left: 14px;
	top: 14px;
	background: url(../../images/ico_labReturn.png) center no-repeat;
	cursor: pointer;
	z-index: 7;
}
.titleChooses {
	background: url(../../images/bg_labVir.png) no-repeat center top;
}
.titles {
	height: 40px;
	width: 100%;
	background: #1b2033;
	position: relative;
	font-size: 14px;
	color: #fff;
}
.packdowns{
	margin-top: 10px;
	cursor: pointer;
	margin-right: 10px
}
.packups{
	cursor: pointer;
}
.openVirBtn{
	display: inline-block;
	float: right;
	width: 24px;
	height: 24px;
	margin: 6px 3px 0 0;
	cursor: pointer;
}
@media only screen and (max-width:1400px) {
	.titleBox>div {
		margin-right: 5px;
	}

	.shareDeskBtn,
	.videoBtn,
	.noteBtn,
	.configBtn, .shareDeskCloseBtn,.getShareWin{
		width: 50px;
		height: 24px;
		/*text-align: center;*/
		line-height: 24px;
		background: #fff;
		color: #333;
		margin-top: 7px;
		border-radius: 5px;
		font-size: 11px;
	}
	.configBtn {
		background: #1b2033 url(../../images/ico_config.png) right center no-repeat;
		color: #fff;
		width: 75px;
		position: relative;
		font-size: 11px;
	}

}
.shareCloseBtn{
	float: right;
	height: 24px;
	width: 24px;
	margin: 14px;
	cursor: pointer;
}
.reportContentTop .saveBook{
	right: 116px;
}
.reportContentTop .saveBook{
	background: url(../../images/ico_saveBg.png) left 10px center no-repeat #c1040d;
}
.navSideBar{
	width: 120px;
	position: absolute;
	right: 0;
	top: 38px;
}
.toolsBox{
	background: rgba(26,42,63,0.36);
	border-left: 1px solid #445466;
	border-right: 1px solid #445466;
	width: 120px;
	height: 100%;
	padding: 0 6px 0 16px ;
}
.toolsBox ul{
	display: block;
	height: 95%;
	width: 100%;
	padding-top: 50%;
}
.toolsBox ul li{
	display: block;
	width: 96px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	padding-left: 30px;
	cursor: pointer;
}
.closeSide{
	position: absolute;
	left: -20px;
	top: 10%;
	width: 20px;
	height: 70px;
	background: #1d2d46;
	color: #fff;
	border-radius: 5px 0 0 5px;
	text-align: center;
	font-size: 12px;
	padding: 5px 0;
	cursor: pointer;
}
.labDownLoadBtn{
	background: url(../../images/ico_labDownLoad.png) no-repeat left 7px center;
}
.shareDeskBtn{
	background: url(../../images/ico_labShare.png) no-repeat left 7px center;
}
.shareDeskCloseBtn{
	background: url(../../images/ico_labCloseShare.png) no-repeat left 7px center;
}
.shearBoardBtn{
	background: url(../../images/ico_labJqb.png) no-repeat left 7px center;
}
.videoBtn{
	background: url(../../images/ico_labVideo.png) no-repeat left 7px center;
}
.noteBtn{
	background: url(../../images/ico_labNote.png) no-repeat left 7px center;
}
.noteBtn:hover{
	background: url(../../images/ico_labNote2.png) no-repeat left 7px center;
}
 .exchangeBtn{
	background: url(../../images/ico_labExchange.png) no-repeat left 7px center;
}
.saveImg{
	background: url(../../images/ico_labImgSave.png) no-repeat left 6px center;
}
.saveImg:hover{
	background: url(../../images/ico_labImgSave2.png) no-repeat left 6px center;
	color: #2f62b6;
}
.relink{
	background: url(../../images/ico_labRelink.png) no-repeat left 7px center;
}
.relink:hover{
	background: url(../../images/ico_labRelink2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.sftp{
	background: url(../../images/ico_labSftp.png) no-repeat left 7px center;
}
.sftp:hover{
	background: url(../../images/ico_labSftp2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.upload{
	background: url(../../images/ico_labSftp.png) no-repeat left 7px center;
}
.upload:hover{
	background: url(../../images/ico_labSftp2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.mainVir{
    background: url(../../images/ico_labMPC.png) no-repeat left 6px center;
}
.subVir,.thVir{
    background: url(../../images/ico_labSPC.png) no-repeat left 6px center;
}
.labDownLoadBtn:hover{
	background: url(../../images/ico_labDownLoad2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.shareDeskBtn:hover{
	background: url(../../images/ico_labShare2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.shareDeskCloseBtn:hover{
	background: url(../../images/ico_labCloseShare2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.shearBoardBtn:hover{
	background: url(../../images/ico_labJqb2.png) no-repeat left 7px center;
	color: #2f62b6;
}
.videoBtn:hover{
	background: url(../../images/ico_labVideo2.png) no-repeat left 7px center;
	color: #2f62b6;
}
 .exchangeBtn:hover{
	background: url(../../images/ico_labExchange2.png) no-repeat left 7px center;
	color: #2f62b6;
}

.toolsBox ul .line{
	height: 1px;
	width: 100%;
	padding: 0;
	border-bottom: 1px solid #475a6d;
}
.toolsBox ul .timeInfo{
	padding: 0;
}

/*剪切板*/
.modal-footer {
	border-top: none;
}
.modal .modal-body {
	font-weight: 100;
	position: relative;
	padding: 20px 30px 0;
	font-size: 14px;
}
.modal-header {
	color: #333;
	overflow: hidden;
	background: #e6e6e6;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
}
.modal-header h3, .modal-header h4 {
	margin: 0;
	color: #333;
	font-size: 18px;
	line-height: 40px;
}
.btn {
	border-radius: 3px;
}
.modal{
	background: rgba(0,0,0,0.3);

}
.modal-dialog {
	margin-top: 0!important;
	width: 508px;
}
#clipboard-modal textarea {
	width: 100%;
	height: 150px;
	margin-bottom: 15px;
	resize: vertical;
}
input[type=checkbox] {
	line-height: 10px;
}
.popup{
	z-index: 2;
	width: 576px;
	height: 260px;
	margin-left: -288px;
	margin-top: -130px;
	left: 50%;
	top: 50%;
}
.popup_content .inputRight{
	margin-top: 50px;
	margin-left: 160px;
}
.popup_content .uploadlabel{
	display: block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	background: #c80211;
	text-align: center;
	margin-top: 25px;
	color: #fff;
	border-radius: 10px;	
}
.popup_content .uploadlabel:hover{
	background: #a3010e;
	cursor:pointer;
}
.modal {
	z-index:initial;

}
.modal-body>div{
	font-size: 14px;
	margin-bottom: 10px;
}
.modal-footer .publicBtn{
	border: none;
}
.modal-footer .shearClose,.modal-footer .shearClose:hover,.modal-footer .shearClose:visited,.modal-footer .shearClose:active{
	border: 1px solid #c80211;
	color: #c80211;
	background: #fff;
	line-height: 32px;
	margin-left: 20px;
	margin-right: 15px;
}
.close{
	opacity: 1;
}
.close:hover, .close:focus{
	opacity: 1;
}
.modal-footer a{
	display: block;
	float: right;
	color: #fff;
	text-decoration: none;
}
#clipboard-modal{
	height: 371px;
	width: 508px;
	left: 50%;
	top: 30%;
	margin: 0 0 0 -254px;
}
.sftpBox{
	position: fixed;
	z-index: 999999;
	left: 0;
	top: 0;
	height:100%;
	width: 100%;
	background: rgba(0,0,0,0.3);
	overflow: hidden;
	display: none;
}
.sftpContentBox{
	width: 1116px;
	height: 650px;
	margin: 7% auto 0;
}
.sftpContentBox header{
	background: #e6e6e6;
	color: #333;
	/* text-align: center; */
	border-radius: 5px 5px 0 0;
	font-size: 16px;
	line-height: 40px;
	height: 40px;
	padding-left: 20px;
	position: relative;
}
.sftpContentBox header img{
	position: absolute;
	right: 12px;
	top: 12px;
	cursor: pointer;
}
.sftpContent{
	height: 650px;
	background: #fff;
}
.sftpContent>div{
	padding: 36px 62px 32px;
	width: auto;
	height: 642px;
	font-size: 16px;
}
.sftpContent>div>div:nth-of-type(1){
	font-weight: bolder;
	margin-bottom: 22px;
}
.sftpContent>div>div:nth-of-type(2){
	margin-bottom: 22px;
}
.sftpContent>div>div:nth-of-type(3){
	margin-bottom: 29px;
}
.blue{
	color: #5281c6;
}
.sftpContent hr{
	margin-top: 0;
	margin-bottom: 28px;
	border-top: 2px solid #dfdfdf;
}
.grayBg{
	background: #eeeeee;
	border-radius: 8px;
	padding: 4px 13px;
	border: 1px solid #e8e8e8;
}
.sftpContent h4{
	font-weight: bolder;
	margin-bottom: 20px;
}
.marg{
	margin-bottom: 3px;
}
.sftpContent div .closeSftp{
	margin-top: 26px;
}
.marg a{
	text-decoration: none;
	position: relative;
}
.marg .downImg{
	display: inline-block;
	height: 20px;
}
.marg .bit{
	position: absolute;
	right: -21px;
	top: -16px;
}
.labText{
	background: #fff;
}
.labEvalute>div{
	padding: 0 40px;
	width: auto;
	height: 100%;
}
.labEvalute header{
	height: 60px;
	width: 100%;
}
.labEvalute .downReportBtn,.labEvalute .downReportBtn:hover,.labEvalute .downReportBtn:visited{
	height: 28px;
	width: 66px;
	text-align: center;
	border: 1px solid #c80211;
	color: #c80211;
	background-color: #fff;
	font-size: 12px;
	float: right;
	margin-top: 20px;
	line-height: 28px;
	text-decoration: none;
}
.labEvalute iframe{
	width: 100%;
}
@media (max-width: 1366px) {
	.toolsBox ul li {
		display: block;
		width: 96px;
		height: 32px;
		line-height: 32px;
		font-size: 14px;
		color: #fff;
		padding-left: 30px;
		cursor: pointer;
	}
	.packDown{
		top: 540px;
	}
}

/*新增样式*/
.levelBg{
	height: 18px;
	width: 82px;
	background: #fff;
	position: relative;
	display: inline-block;
	overflow: hidden;
	margin-right: 40px;
}

.levelTop{
	background: #C80211;
	height: 17px;
	width: 0;
	display: inline-block;
}
.levelBg img{
	position: absolute;
	left: 0;
	top: 2px;
}
.levels{
	display: inline-block;
	color: #C80211;
	font-size: 16px;
}